<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>山东商业职业技术学院</title>

<style type="text/css">
*{margin:0;padding:0;}
.layer1{width:100%;height:80px;}
.layer1-1{width:40%;height:80px;float:left;background:#CFF;}
.layer1-2{width:60%;height:80px;float:left;background:#06F;color:#FFF;font:100% KaiTi;line-height:80px;text-align:center;}
.layer1-2 a{width:14%;
	float:left;
	height:80px;
	line-height:80px;
	background-color:#09F;
	text-decoration:none;
	border-left:12px solid #30F;}
.layer1-3{clear:both;}
.layer2{width:100%;height:400px;}

.layer2-1{width:100%;height:200px;}

.layer2-2{width:100%;height:200px;background:#0CC;}

#layer2-2-1{width:31%;height:180px;background:#9CF;float:left;border:double #000099;margin:10px 3px;}

.layer2-2-4{clear:both;}



.layer3{height:80px;background:#00C;text-align:center;padding:10px;}



h3{color:#CFF;background:#00C;}

p{text-align:center;line-height:35px;}
        a:link {color:#00C;}
        a:visited {color:#F00;}
        a:hover {color:#F00;}
        a:active {color:#FF0;}
 

</style>

</head>



<body>

<div class="layer1">

    <div class="layer1-1"><a href="http://www.sict.edu.cn/"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1510420759323&di=f5ca94aa7ece3fd490c0b232eed96398&imgtype=0&src=http%3A%2F%2Fy1.ifengimg.com%2F80bb61d2cf264b6f%2F2014%2F0513%2Frdn_53717ce0560ac.jpg"width=100% height=80/></a></div>

    <div class="layer1-2">
     <a href="http://www.sict.edu.cn/sict/sict.htm" target="_blank">学校概况</a>
     <a href="http://www.sict.edu.cn/sict/zhangcheng.htm" target="_blank">机构设置</a>
     <a href="http://jyjxb.sict.edu.cn/" target="_blank">教育教学</a>
     <a href="http://jy.sict.edu.cn:8081/default.html" target="_blank">就业创业</a>
     <a href="http://xxgk.sict.edu.cn/" target="_blank">科技服务</a>
     <a href="http://www.sict.edu.cn/xiaoyuan/" target="_blank">交流合作</a>
</div>
     

    <div class="layer1-3"></div>

</div>



<div class="layer2">

    <div class="layer2-1"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1510421058590&di=1139722fa5a7ccf3e5d8f94dab10c25a&imgtype=0&src=http%3A%2F%2Fxzjgsict.cuepa.cn%2Fnewspic%2F869614%2Fs_3757593c3d864f59c38e037be57ce5c642862.jpg"width=100% height=200/></div>

    <div class="layer2-2">

        <div id="layer2-2-1"><h3>学校要闻</h3>

                               <p>新闻</p>

                               <p>新闻</p>

                               <p>新闻</p>

        </div> 

        <div id="layer2-2-1"><h3>通知公告</h3>

                               <p>新闻</p>

                               <p>新闻</p>

                               <p>新闻</p>

        </div>

        <div id="layer2-2-1"><h3>媒体报道</h3>

                               <p>新闻</p>

                               <p>新闻</p>

                               <p>新闻</p>

        </div>

        <div class="layer2-2-1"></div>

    </div>

</div>



<div class="layer3">

         <p>学校地址：济南市旅游路4516号  邮编：250103</p>

		 <p>电话：0531-86335888   鲁ICP备05002370</p>

</div>

</body>

</html>
